<div ng-controller="pv3" class="loading" ng-cloak="">
    <style type="text/css">
        *{margin:auto;padding:0}
        body{
            background-color: #EEEEEE;
        }
    </style>
    <f-title style="background-color:#0197D6;z-index: 1">
        <f-back ng-click="pv1()">〈</f-back>
        任务
    </f-title>

    <f-card style="margin-top: 0px;" ng-if="isOcr">
        <f-section-icon  style="background-color: #0096D5;margin-top: 18px;"></f-section-icon >
        <f-section-title style="margin-top: 10px;border-bottom:solid;border-bottom-width: 5px;border-bottom-color: #F6F6F6;" ng-bind="isOcr">
        </f-section-title>
    </f-card>
    <f-card style="margin-top: 0px;">
        <f-section-icon  style="background-color: #0096D5;margin-top: 18px;"></f-section-icon >
        <f-section-title style="margin-top: 10px;border-bottom:solid;border-bottom-width: 2px;border-bottom-color: #F6F6F6;">
            任务详情
        </f-section-title>
    </f-card>
    <f-card>
        <f-card style="border-bottom:dashed;border-bottom-width: 1px;border-bottom-color: #ccc;">
            <f-card-title style="width:50%;margin-top: 5px;margin-bottom: 5px;float: left" ng-bind="pvCase.caseNum"></f-card-title>
            <f-card-text style="width:50%;text-align: right;margin-top: 5px;margin-bottom: 5px;float: left">
                <f-card-text style="float: right;width: 55px" ng-bind="pvCase.status==1?'待派单':pvCase.status==2?'已派单':pvCase.status==3?'已暂停':
        pvCase.status==4?'待签名':pvCase.status==5?'已结单':pvCase.status==6?'已关单':'未知'"></f-card-text>
                <f-status-circle style="background-color: #018424;float: right"></f-status-circle>
            </f-card-text>
        </f-card>
    </f-card>
<!--    <f-line></f-line>-->
    <f-card>
        <f-card-label  style="float: left">派单时间</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.createTime | date:'yyyy-MM-dd'"></f-card-text>
        <f-card-label style="float: left">截至日期</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.dueDate | date:'yyyy-MM-dd'"></f-card-text>
        <f-card-label style="float: left">联系人</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.contactPerson"></f-card-text>
        <f-card-label style="float: left">联系电话</f-card-label>
        <!--<f-a style="float: left" ng-bind="pvCase.telephone"></f-a>-->
        <!--<f-a style="float: left;color:#0197d6;"><a href="tel:{{pvCase.telephone}}" style="color:#0197d6;">{{pvCase.telephone}}</a></f-a>-->
        <f-a style="float: left;color:#0197d6;"><a href="tel:{{pvCase.telephone}}" style="color:#0197d6;position:relative;"><i class="fa fa-mobile" style="position:absolute;left:-90px;top:5px;color:#666;font-size:20px;"></i>{{pvCase.telephone}}</a></f-a>

        <f-card-label style="float: left">用户省份</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.province">上海</f-card-text>
        <f-card-label style="float: left">用户城市</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.city">上海市</f-card-text>
        <f-card-label style="float: left">公司名称</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.customeName"></f-card-text>
        <f-card-label style="float: left;width: 25%;border-bottom:dashed;border-bottom-width: 1px;border-bottom-color: #ccc;">联系地址</f-card-label>
        <f-card-text style="float: left;width: 75%;border-bottom:dashed;border-bottom-width: 1px;border-bottom-color: #ccc;" ng-bind="pvCase.address"></f-card-text>
    </f-card>
<!--    <f-line></f-line>-->
    <f-card>

        <f-card-label style="float: left">优先级</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.piority"></f-card-text>
        <f-card-label style="float: left">服务类型</f-card-label>
        <f-card-text style="float: left" >抄表</f-card-text>
        <f-card-label style="float: left">特殊要求</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.remark"></f-card-text>
    </f-card>
    <f-card style="margin-top:10px ">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon ><f-section-title>打印机信息</f-section-title>
    </f-card>
    <f-card>
        <f-card-label style="float: left">产品名称</f-card-label>
        <f-card-text style="float: left" ng-bind="transfer(pvCase.productInfo,'model');"></f-card-text>
        <f-card-label style="float: left">产品编号 </f-card-label>
        <f-card-text style="float: left" ng-bind="transfer(pvCase.productInfo,'product_number');"></f-card-text>
        <f-card-label style="float: left">产品序列号</f-card-label>
        <f-card-text style="float: left" ng-bind="transfer(pvCase.productInfo,'serial_number');"></f-card-text>
        <f-card-label style="float: left">安装位置</f-card-label>
        <f-card-text style="float: left" ng-bind="pvCase.location">--</f-card-text>
    </f-card>
    <f-card style="margin-top:10px ">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon ><f-section-title>用量信息页</f-section-title>
    </f-card>
    <f-card style="margin-top: 2px;padding-top: 10px">
        <f-tr></f-tr><f-tr style="color: black">(上次合计)</f-tr><f-tr style="color: black">(当前合计)</f-tr>
        <f-tr style="color: black">黑白总计</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.totalMono"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.totalMono"></f-tr>
        <f-tr style="color: black">彩色总计</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.totalColor"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.totalColor"></f-tr>
        <f-tr style="color: black">黑白</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.monochrome"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.monochrome"></f-tr>
        <f-tr style="color: black">强化</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.accent"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.accent"></f-tr>
        <f-tr style="color: black">一般办公</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.generalOffice"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.generalOffice"></f-tr>
        <f-tr style="color: black">其他</f-tr><f-tr ng-bind="ocrUsageInfoPage.lastTime.other"></f-tr><f-tr style="color: black" ng-bind="ocrUsageInfoPage.current.other"></f-tr>
    </f-card>

    <f-card style="border-bottom: 2px solid #F6F6F6">
        <f-section-icon  style="background-color: #0096D5; margin-top: 18px"></f-section-icon ><f-section-title style="margin-top: 10px">照片</f-section-title>
    </f-card>
    <f-card>
        <f-image-group style="display: flex;flex-wrap: wrap;">
            <img style="height:5rem;width: 5rem;margin: 2px 5px;" ng-repeat="item in photourls track by $index" ng-src="{{item}}" ng-click="viewerImg($index,photourls)"/>
        </f-image-group>
    </f-card>
    <f-card style="border-bottom: 2px solid #F6F6F6;margin-top: 5px">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon ><f-section-title>签字</f-section-title>
    </f-card>
    <f-card style="margin-top: -5px;padding-left: 10px">
        <f-signer style=";margin-bottom: 30px;">
            <f-signer-user style="font-size: 14px">客户签字</f-signer-user>
            <img ng-click="pv11(1)" ng-if="pvCase.customerSignUrl!=null && pvCase.customerSignUrl!=''" ng-src="{{pvCase.customerSignUrl}}" style="height: 8rem;"/>
            <img ng-click="pv11(1)" ng-if="pvCase.customerSignUrl==null || pvCase.customerSignUrl==''" ng-src="{{customerSignUrl}}" style="height: 8rem;"/>
        </f-signer>
    </f-card>
    <f-card style="padding-left: 10px;margin-bottom: 5rem;">
        <f-signer>
            <f-signer-user  style="font-size: 14px">工程师签字</f-signer-user>
            <!--<f-signer-text ng-click="pv11(2)"></f-signer-text>-->
            <img ng-click="pv11(2)" ng-if="pvCase.fesignUrl!=null && pvCase.fesignUrl!=''" ng-src="{{pvCase.fesignUrl}}" style="height: 8rem;"/>
            <img ng-click="pv11(2)" ng-if="pvCase.fesignUrl==null || pvCase.fesignUrl==''" ng-src="{{fesignUrl}}" style="height: 8rem;"/>
        </f-signer>
    </f-card>
    <f-card style="background-color: #ffffff;position: fixed;bottom: 0;">
        <f-buttongroup style="margin-top: 5px;width: 100%;background-color: #ffffff;" >
            <f-button ng-click="pv7()" style="margin-left: 20%;width: 55%;height: 40px;font-size: 16px;border-radius: 20px;margin-top: 15px;line-height: 30px;margin-bottom: 20px;" ng-if="pvCase.status==2 || pvCase.status==4">
                开始工作
            </f-button>
        </f-buttongroup>
    </f-card>
</div>
<script src="../js/loading.js"></script>